<template>
  <div class="main-wrap">
    <navigators :back-text="back" :bg-color="bgColor"></navigators>
    <div class="experience-con">

        <div class="experience01">

        </div>
        <div class="experience02">

        </div>
        <div class="pattern-bottom-con">

        </div>
      <scrolls></scrolls>
    </div>

  </div>
</template>

<script>
  import navigators from '../components/headers.vue';
  import scrolls from '../components/scroll.vue'
  export default {
    name: 'index',
    data () {
      return {
        heights:window.innerHeight,
        back:"返回",
        bgColor:'none'
      }
    },
    created(){

    },
    mounted(){

    },
    methods:{

    },
    components:{
      navigators,
      scrolls
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
   @import'../css/experience.css';
</style>


